import {defineStore} from 'pinia'
import axios from 'axios'
import {nanoid} from 'nanoid'
import {computed, reactive} from 'vue'

export const useTalkLoveStore = defineStore('talkLove',()=>{
  // talkList就是state
  const talkList = reactive(
    JSON.parse(localStorage.getItem('talkList') as string) || []
  )

  // getATalk函数相当于action
  async function getATalk(){
    // 发请求，下面这行的写法是：连续解构赋值+重命名
    let {data:{content:title}} = await axios.get('https://api.uomg.com/api/rand.qinghua?format=json')
    // 把请求回来的字符串，包装成一个对象
    let obj = {id:nanoid(),title}
    // 放到数组中
    talkList.unshift(obj)
  }
   //计算属性？？？？
  const tripleCount = computed(() => talkList.count * 3);


  
  return {talkList,getATalk}
})